<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<title>解决方案-高校</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/smb-style.css"/>
		<link rel="stylesheet" type="text/css" href="css/style-mobile.css"/>
	</head>
	<body>
		<!-- banner -->
		<div class="soft-banner">
			<img class="web" src="img/solve-banner1.png" alt="">
			<img class="hfive" src="img/banner_hf.png" alt="" >
		</div>
		<!-- tab -->
		<div class="wraper-soft_tab">
			<div class="wrap-center">
				<ul class="list-tabs clearfix">
					<li><a href="javascript:void(0);">中小学校园团餐</a></li>
					<li class="active"><a href="javascript:void(0);">高校团餐</a></li>
					<li><a href="javascript:void(0);">企事业团餐</a></li>
					<li><a href="javascript:void(0);">医院团餐</a></li>
				</ul>
			</div>
		</div>
		
		<!-- 行业痛点 -->
		<div class="solve-td">
			<div class="wrap-center">
				<div class="module-title">
					<h4 class="h4"><span>行业痛点</span></h4>
				</div>
				<!-- 行业痛点标题要套两次， -->
				<div class="title_down6 list-td clearfix web">
					<div class="item-text active"><a href="javascript:void(0);">饭卡保管难</a></div>
					<div class="item-text"><a href="javascript:void(0);">充值不方便</a></div>
					<div class="item-text"><a href="javascript:void(0);">排队时间长</a></div>
					<div class="item-text"><a href="javascript:void(0);">营养不均衡</a></div>
					<div class="item-text"><a href="javascript:void(0);">运营成本高</a></div>
					<div class="item-text"><a href="javascript:void(0);">食安监管难</a></div>
				</div>
				<div class="swiper_td swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="line-card clearfix">
								<div class="img">
									<img src="img/solve-td1.png" alt="">
								</div>
								<div class="text">
									<h4 class="name hfive">饭卡保管难</h4>
									<p class="info">卡片易损坏，易丢失，携带不方便，易被他人盗用；补卡费用高，过程又费神费力。</p>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="line-card clearfix">
								<div class="img">
									<img src="img/solve-td1.png" alt="">
								</div>
								<div class="text">
									<h4 class="name hfive">饭卡保管难</h4>
									<p class="info">卡片易损坏，易丢失，携带不方便，易被他人盗用；补卡费用高，过程又费神费力。</p>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="line-card clearfix">
								<div class="img">
									<img src="img/solve-td1.png" alt="">
								</div>
								<div class="text">
									<h4 class="name hfive">饭卡保管难</h4>
									<p class="info">卡片易损坏，易丢失，携带不方便，易被他人盗用；补卡费用高，过程又费神费力。</p>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="line-card clearfix">
								<div class="img">
									<img src="img/solve-td1.png" alt="">
								</div>
								<div class="text">
									<h4 class="name hfive">饭卡保管难</h4>
									<p class="info">卡片易损坏，易丢失，携带不方便，易被他人盗用；补卡费用高，过程又费神费力。</p>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="line-card clearfix">
								<div class="img">
									<img src="img/solve-td1.png" alt="">
								</div>
								<div class="text">
									<h4 class="name hfive">饭卡保管难</h4>
									<p class="info">卡片易损坏，易丢失，携带不方便，易被他人盗用；补卡费用高，过程又费神费力。</p>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="line-card clearfix">
								<div class="img">
									<img src="img/solve-td1.png" alt="">
								</div>
								<div class="text">
									<h4 class="name hfive">饭卡保管难</h4>
									<p class="info">卡片易损坏，易丢失，携带不方便，易被他人盗用；补卡费用高，过程又费神费力。</p>
								</div>
							</div>
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination swiper_td_num hfive"></div>
					<!-- <p class="swiper_td_num hfive"><span>1</span></p> -->
				</div>
				
				<div class="detail">
					2019年2月，教育部、国家市场监管总局、国家卫生健康委联合印发<strong>《学校食品安全与营养健康管理规定》</strong>。号召学校响应食品安全、风险防控、信息公开、营养健康。
				</div>
			</div>
		</div>
		<!-- 解决方案 -->
		<div class="solve-way">
			<div class="wrap-center">
				<div class="module-title">
					<h4 class="h4"><span>解决方案</span></h4>
				</div>
				<div class="list-gx">
					<img src="img/solve-gx1.png" alt="" >
					<img src="img/solve-gx2.png" alt="" >
					<img src="img/solve-gx3.png" alt="" >
				</div>
				
				<div class="line-card">
					<div class="img">
						<img src="img/solve-zxx-tb1.png" alt="">
					</div>
					<div class="text">
						<h4 class="name">智能卡务</h4>
						<p class="info">丰富的卡务功能，可设定多种场景的补贴方式，满足个性化需求</p>
						<p class="tips">批量发放补贴</p>
						<p class="tips">设置补贴自动清零</p>
						<p class="tips">多钱包管理，如现金钱包、补贴钱包、福利钱包</p>
						<p class="tips">自定义钱包优先扣款顺序</p>
						<p class="tips">设置时段消费限额限次</p>
					</div>
				</div>
				<div class="line-card invert">
					<div class="img">
						<img src="img/solve-zxx-tb2.png" alt="">
					</div>
					<div class="text">
						<h4 class="name">菜谱管理</h4>
						<p class="info">合理搭配每天菜品，按计划生产备餐</p>
						<p class="tips">维护菜品信息，设置零售价和折扣率</p>
						<p class="tips">支持不同门店的菜品发布规则</p>
						<p class="tips">自动生成每周或每月菜谱计划，支持手动调整</p>
						<p class="tips">支持不同门店的餐别时段</p>
					</div>
				</div>
				<div class="line-card">
					<div class="img">
						<img src="img/solve-zxx-tb3.png" alt="">
					</div>
					<div class="text">
						<h4 class="name">菜品留样</h4>
						<p class="info">食堂食安监管手段之一，最大限度杜绝食安隐患</p>
						<p class="tips">自查各操作间的地面是否无垃圾、无积水、无油渍</p>
						<p class="tips">墙壁和门窗是否无污渍、无灰尘</p>
						<p class="tips">天花板是否无霉斑、无灰尘</p>
						<p class="tips">自定义钱包优先扣款顺序</p>
						<p class="tips">场所内是否无有害生物活动迹象</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 提升就餐体验 -->
		<div class="solve-sort wraper_com">
			<div class="wrap-center">
				<div class="module-title">
					<h4 class="h4"><span>降本增效，大幅提升就餐体验</span></h4>
					<p class="p">引入自动化结算系统，可以帮助食堂实现快速收银甚至无人化收银</p>
				</div>
				<div class="list-sort">
					<div class="item">
						<p class="img">1:1.5:3</p>
						<p class="text">1台自助刷脸设备 =1.5个收银台=3个收银员</p>
					</div>
					<div class="item">
						<p class="img">50% +</p>
						<p class="text">店铺收银效率提升50%, 有效增加顾客消费体验</p>
					</div>
					<div class="item">

						<p class="img">3.84 <span>万/人</span></p>
						<p class="text">按3200元收银员月薪计算， 每人每年节省近4万元</p>
					</div>
				</div>
				<div class="module-title title_down10">
					<h4 class="h4"><span>适配智能硬件</span></h4>
				</div>
				<div class="swiper_hard_box">
					<div class="swiper-container swiper_hard">
						<div class="swiper-wrapper list-ai_hard">
							<div class="swiper-slide">
								<div class="item">
									<img class="img" src="img/hard-machine11.png" >
									<p class="text">新一代团餐消费机</p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="item">
									<img class="img" src="img/hard-machine11.png" >
									<p class="text">新一代团餐消费机</p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="item">
									<img class="img" src="img/hard-machine11.png" >
									<p class="text">新一代团餐消费机</p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="item">
									<img class="img" src="img/hard-machine11.png" >
									<p class="text">新一代团餐消费机</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
			$(function(){
				// 轮播图
				if ($(window).width()>818) {
					perView = 1;
					$(".list-td .item-text").click(function(){
						$(this).addClass("active").siblings().removeClass("active");
						var idx = $(this).index();
						swiperTd.slideTo(idx);
					})
				} else{
					perView = 1.1
				}
				var swiperTd = new Swiper('.swiper_td', {
					spaceBetween: 10,
					centeredSlides: true,
					slidesPerView: perView,
					pagination: {
						el: '.swiper-pagination',
						clickable: true,
						renderBullet: function (index, className) {
							return '<span class="' + className + '">' + (index + 1) + '</span>';
						},
					},
					navigation: {
					  nextEl: '.swiper-button-next',
					  prevEl: '.swiper-button-prev',
					},
					on: {
						slideChange: function() {
							var idx = this.activeIndex;
							$(".list-td .item-text").eq(idx).addClass("active").siblings().removeClass("active");
							// $(".swiper_td_num span").html(idx+1);
						},
					}
				});
				
				
				// 智能硬件 - 轮播图
				if ($(window).width()>818) {
					var hardPerView = 3.1;
					var hardBetween = 30;
				}else{
					var hardPerView = 2.1;
					var hardBetween = 15;
				}
				var swiperHard = new Swiper('.swiper_hard', {
					slidesPerView: hardPerView,
					spaceBetween: hardBetween,
					centeredSlides: true,
					loop: true,
					freeMode:true,
					speed: 2500,
					autoplay: {
					  delay: 0,
					  disableOnInteraction: false,
					}
				});
			})
		</script>
	</body>
</html>
